<template>
  <div class="background-image">
    <div style="color: #ffffff; padding: 500px 0">
      <p>心中有光，脚下有路，<b class="yuan-qi-text">元气满满</b>地迎接每一个挑战，让生命绽放光彩！</p>
      <p>无论身处何种环境，都要保持元气满满，因为你的<b class="yuan-qi-text">热情和活力</b>能感染身边的每一个人！</p>
    </div>
    <el-card></el-card>
  </div>
</template>

<script>

export default {
  name: 'HomeView',
  data() {
    return {
    };
  }
}
</script>

<style>
.yuan-qi-text{
  color: transparent; /* 设置文本颜色为透明 */
  background: -webkit-linear-gradient(#F5C90D, #CD072C); /* 渐变色背景 */
  -webkit-background-clip: text; /* 将背景应用到文本 */
  -webkit-text-fill-color: transparent; /* 设置文本颜色为透明 */
  font-size: 24px;
}
.background-image {
  background-image: url('~@/assets/img/blmx.png');
  /* 其他样式 */
}
</style>
